spb/datacenterindex

1import { Page } from "@/components/ui/card";2import { Skeleton, SkeletonRows, SkeletonText } from "@/components/ui/skeleton";34export default function Loading() {5  return (6    <Page className="py-6" aria-busy>7      <Skeleton className="mb-3 h-3 w-40" />8      <Skeleton className="mb-2 h-3 w-16" />9      <Skeleton className="mb-3 h-7 w-72" />10      <Skeleton className="mb-6 h-4 w-56" />11      <div className="grid grid-cols-2 gap-4 border-y border-hair py-3 sm:grid-cols-5">12        {Array.from({ length: 5 }).map((_, i) => (13          <div key={i} className="flex flex-col gap-2">14            <Skeleton className="h-6 w-16" />15            <Skeleton className="h-2.5 w-24" />16          </div>17        ))}18      </div>19      <SkeletonText lines={4} className="mt-8" />20      <SkeletonRows rows={5} className="mt-6" />21    </Page>22  );23}24